<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>我的网页</title>
	<link href="http://127.0.0.1/myJavascript.js">
	<style>
		#test1 {
			color: yellow;
			font-size: 30px;
		}
		
		.abc {
			background: pink;
			font-size: 32px;
		}
		
		h1 {
			
		}
		
	</style>
	
    <script>
        function runScript() {
            // 通过 id 获取元素
            var title = document.getElementById('title');
            title.style.color = 'red';
            title.style.fontSize = '24px';
            // 通过 class 获取元素
            var myDivClass = document.getElementsByClassName('myDivClass');
            for (var i = 0; i < myDivClass.length; i++) {
                myDivClass[i].style.backgroundColor = 'yellow';
                myDivClass[i].style.width = '100px';
                myDivClass[i].style.height = '100px';
            }
        }
    </script>
</head>

<body>
        <h1 id="title">这行文字将会变成红色，字体大小为24像素</h1>
        <div class="myDivClass">这行文字将会有黄色背景，宽度和高度都是100像素</div>
        <button type="button" onclick="runScript()">点击的时候会执行一个名为 runScript 的脚本，将会改变标题和 div 的样式</button>

	<br><br><br><br>
     <form action="ABCServlet" method="post" enctype="multipart/form-data">
         姓名：
         <input type="text" name="name" placeholder="请输入姓名">
         <br><br>
         兴趣爱好：
         <br>
         <input type="checkbox" name="hobby" value="唱">唱
         <input type="checkbox" name="hobby" value="跳">跳
         <input type="checkbox" name="hobby" value="rap">rap
         <input type="checkbox" name="hobby" value="打篮球">打篮球    
         <br><br>
         上传文件：
         <input type="file" name="file" multiple>
         <br><br>
         <input type="submit" value="提交">
     </form>
</body>
</html>

